Body    {
            padding:0px;
            margin:0px;
            overflow:hidden;
}
.boutons   {
            list-style: none;
            z-index: 4;
            position:absolute;
            margin:90px 0 0 -162px;
}
.boutons li    {
            height:30px;
            width:200px;
            background-color: #e1e104;
            border-style:none;
            -webkit-transition: all .5s;
}
.boutons li:hover {
            cursor: pointer;
            -webkit-transition: all .5s;
            -webkit-transform: translate( 160px, 0);
}
.boutons li:hover + li {
           margin-left: 40px;
}
.main    {
            z-index:2;
            color: Yellow;
            position:absolute;
            margin:0px;
            padding:0px;
            height:100%;
            width:100%;
            text-align: center;
            font-size: 26px;
            overflow: auto;
            scrollbar-face-color: Orange;
            scrollbar-shadow-color: Grey;
            scrollbar-highlight-color: #bbbbbb;
            scrollbar-3dlight-color: #dddddd;
            scrollbar-darkshadow-color: Grey;
            scrollbar-track-color: Black;
            scrollbar-arrow-color: Black;
}
.title  {
            color: White;
            text-shadow:2px 2px 3px #a7b100;
            font-size: 42px;
            font-weight: bold;
}
.link   A:link{
            text-decoration: none;
            color: Orange;
            font-size: 30px;
            -moz-transition: all .5s;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all 0.5s;
}
.link   A:hover{
            position:inherit;
            text-decoration: underline overline;
            color: Red;
            font-size: 36px;
            -moz-transition: all 1s;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s;
}
div.loading-invisible{
    display:none;
}
div.loading-visible{
    z-index:5;
    position:relative;
    display:block;
    top:10px;
    text-align: center;
}
.invisible{
    display:none;
}

.slide {
    display: block;
    -webkit-transition: all 2.3s ease-out;
}
.slideup {
    -webkit-transform: translate( 0, -200px);
    -webkit-transition: all 1.4s ease-in;
}
.slidedown {
    -webkit-transform: translate( 0, 200px);
    -webkit-transition: all 1.4s ease-in;
}
.slideleft {
    -webkit-transform: translate( -92px, 0);
    -webkit-transition: all 1.5s ease-in;
}
.slideright {
    -webkit-transform: translate( 110px, 0);
    -webkit-transition: all 1.5s ease-in;
}

.rotationdebut {
     -webkit-transform: rotate(720deg);
    -webkit-transition: all 3.2s ease-out;
}
.rotationfin {
     -webkit-transform: rotate(0deg);
    -webkit-transition: all 2.3s ease-out;
}